<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://xmlns.jcp.org/jsf/core">

    <h:body>
        <ui:composition template="/WEB-INF/templates/twocol_a.xhtml">
            <!-- Right column -->
            <ui:define name="right" class="width75">
                <div class="floatRight width75">
                    <h3>Creer un nouveau produit...</h3>
                    <h:form enctype="multipart/form-data">
                        <div class="form-group">
                          <label for="Libelle">Libelle</label>
                          <h:inputText class="form-control" id="Libelle" value="#{produitController.produit.libelle}"/>
                        </div>
                        <div class="form-group">
                          <label for="Description">Description</label>
                          <h:inputTextarea class="form-control" rows="3" id="Description" value="#{produitController.produit.description}"/>
                        </div>
                        <div class="form-group">
                          <label for="Prix">Prix</label>
                          <h:inputText class="form-control" id="Prix" value="#{produitController.produit.prix}"/>
                        </div>
                        <div class="form-group">
                          <label for="NbActicle">Nombre d'acticle</label>
                          <h:inputText class="form-control" id="NbActicle" value="#{produitController.produit.nbArticles}"/>
                        </div>
                        <div class="form-group">
                          <label for="inputImageUpload">Image Upload</label>
                          <h:inputFile id="inputImageUpload" value="#{produitController.produit.file}"/>
                          <p class="help-block">Choisir une image de ce produit.</p>
                        </div>
                        <div class="form-group">
                          <label for="Categorie">Categorie</label>
                          <h:selectOneMenu class="selectpicker" value="#{produitController.produit.categorie}" required="true" requiredMessage="You must choose one category">
                              <f:selectItems value="#{categorieController.listCategories}" var="ph"
                                             itemLabel="#{ph.libelle}" itemValue="#{ph}" />
                          </h:selectOneMenu>
                        </div>
                        <div style="margin: 5px">
                            <h:commandButton actionListener="#{produitController.doCreate}" class="btn btn-primary" value="Créer"/>
                            <h:commandButton actionListener="#{produitController.doCancel}" class="btn btn-warning" value="Annuler"/>
                        </div>
                    </h:form>
                </div>                                
            </ui:define>
            <div class="floatRight width75">
                <h3>Creer un nouveau produit...</h3>
                <h:form enctype="multipart/form-data">
                    <div class="form-group">
                      <label for="Libelle">Libelle</label>
                      <h:inputText class="form-control" id="Libelle" value="#{produitController.produit.libelle}"/>
                    </div>
                    <div class="form-group">
                      <label for="Description">Description</label>
                      <h:inputTextarea class="form-control" rows="3" id="Description" value="#{produitController.produit.description}"/>
                    </div>
                    <div class="form-group">
                      <label for="Prix">Prix</label>
                      <h:inputText class="form-control" id="Prix" value="#{produitController.produit.prix}"/>
                    </div>
                    <div class="form-group">
                      <label for="NbActicle">Nombre d'acticle</label>
                      <h:inputText class="form-control" id="NbActicle" value="#{produitController.produit.nbArticles}"/>
                    </div>
                    <div class="form-group">
                      <label for="inputImageUpload">Image Upload</label>
                      <h:inputFile id="inputImageUpload" value="#{produitController.produit.file}"/>
                      <p class="help-block">Choisir une image de ce produit.</p>
                    </div>
                    <div class="form-group">
                      <label for="Categorie">Categorie</label>
                      <h:selectOneMenu class="selectpicker" value="#{produitController.produit.categorie}">
                          <f:selectItems value="#{categorieController.listCategories}" var="ph"
                                         itemLabel="#{ph}" itemValue="#{ph.id}" />
                      </h:selectOneMenu>
                    </div>
                    <div style="margin: 5px">
                        <h:commandButton actionListener="#{produitController.doCreate}" class="btn btn-primary" value="Créer"/>
                        <h:commandButton actionListener="#{produitController.doCancel}" class="btn btn-warning" value="Annuler"/>
                    </div>
                </h:form>
            </div>
            <!-- Right column end -->
        </ui:composition>
    </h:body>
</html>

